<!DOCTYPE HTML>
<html>
<head>
<title>人脸识别</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<link rel="stylesheet" type="text/css" href="polulate/polulate.css"/>
<link rel="stylesheet" type="text/css" href="polulate/share.css" />
<script type="text/javascript" src="polulate/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script type="text/javascript">
	function dowonLoadShare  (){
		var dev = window.navigator.userAgent.toLowerCase();
		var download = document.getElementById("download");
		if(devType()){
			if(dev.match(/Android/i)=='android'){
				download.href="http://a.app.qq.com/o/simple.jsp?pkgname=com.hoperun.intelligenceportal";  
			}else{
			    //$('#dialogBg').fadeIn(300);
			    //$('#dialogShare').removeAttr('class').addClass('animated '+className+'').fadeIn();
				download.href="http://a.app.qq.com/o/simple.jsp?pkgname=com.hoperun.intelligenceportal";
			}
		}else{
			if(dev.match(/Android/i)=='android'){
				location.href="http://58.213.141.214:80/version/myNj.apk";
	        	// download.href="http://58.213.141.214:80/version/myNj.apk";  
			}else{
				//$('#dialogBg').fadeIn(300);
				// $('#dialogShare').removeAttr('class').addClass('animated '+className+'').fadeIn();
	        	download.href="https://itunes.apple.com/cn/app/wo-de-nan-jing/id867995955?mt=8";
			}
		} 
	}
	
	function devType(){ 
		var ua = window.navigator.userAgent.toLowerCase();
		if(ua.match(/MicroMessenger/i) == 'micromessenger'){ 
			return true;
		}else{
			return false;
		} 
	} 	      
</script>

<script type="text/javascript">
	var w,h,className;
	
	function getSrceenWH(){
		w = $(window).width();
		h = $(window).height();
		$('#dialogBg').width(w).height(h);
	}
	
	window.onresize = function(){  
		getSrceenWH();
	}  
	
	$(window).resize(); 
	
	$(function(){
		getSrceenWH();
		//关闭弹窗
		$('.claseDialogBtn').click(function(){
			$('#dialogBg').fadeOut(300,function(){
				$('#dialog').addClass('bounceOutUp').fadeOut();
			});
		});
	
		//关闭弹窗
		$('.submitBtn').click(function(){
			$('#dialogBg').fadeOut(300,function(){
				$('#dialogShare').addClass('bounceOutUp').fadeOut();
			});
		});
	});
</script>
</head>
<body>
	<div id="class_warp">
		<div class="class_list">
			<div class="water_col">
			    <div style="margin: 20px 5% 10px 5%;">
					 <img width="100%" src="polulate/images/mynj.png" />
				  </div>
				  <div style="text-align: center;">
					<span style="font-size: 20px;font-weight:bold; color:#4d4d4d;">
					   今天，你刷脸了吗？
					</span>
				  </div>
			      <div style=" margin: 10px 5% 10px 5%;">
					<span style="font-size: 18px; color:#4d4d4d;line-height: 30px">
					  <p style="color:#ff6b4e;font-weight: bold;">“我的南京”人脸识别上线啦!上线啦！上线啦！（重要的事情说三遍）</p>
					  <p>南京人可以洋气一把了，全家一起来刷脸。</p>
					  <p>只要输入比对人的身份证号码并上传一张人脸照片，系统将与后台数据库进行比对并得出相似度。兄弟姐妹比起来，爹地妈咪比起来，再也不用为了BABY像谁在家开辩论会了，数据直接告诉你答案！</p>
					</span>
				  </div>
				   <div style="width:100%;">
				       <div  style="margin: 0px 5% 5px 5%;">
				           <div style="width:100%;height:2px;border-top:1px dashed #cbcbcb;"></div>
				       </div>
				   </div>
				 <div style=" margin: 12px 5% 10px 5%;">
					<span style="font-size: 18px;color:#4d4d4d;line-height: 30px">“我的南京”APP进入城市频道找到“人脸识别”。</span>
				 </div>
			     <div style="margin: 35px 5% 10px 5%;">
					 <img width="100%" src="polulate/images/intro_1.png" />
				 </div>

				<div style=" width: 100%; margin: 11px 15px 0px 0px;">
				 </div>
				 <div style="  margin: 10px 5% 10px 5%;">
				    <div style="width:10%;float: left;"><img width="100%" src="polulate/images/1.png" /></div>
				    <div style="width: 87%;float: left;margin-left:3%">
				      <span style="font-size: 18px;color:#4d4d4d;line-height: 30px">
				      	<p>如何刷脸？ </p>
				        <p>拍摄或在现有照片中选取一张人脸照片，并输入需要比对人的身份证号,系统将与后台数据库进行比对并得出相似度。 </p>
				        <p>小窍门：五官需清晰可见，尽量不要戴眼镜（会影响颜值哦） </p>
				      </span>
				    </div>
				 </div>
                    <div style="margin: 35px 5% 10px 5%;">
					 <img width="100%" src="polulate/images/intro_2.png" />
				 </div>
				 <div style="  margin: 10px 5% 10px 5%;">
				    <div style="width:10%;float: left;"><img width="100%" src="polulate/images/2.png" /></div>
				    <div style="width: 87%;float: left;margin-left:3%">
				      <span style="font-size: 18px;color:#4d4d4d;line-height: 30px">比对结果？</span>
				    </div>
				 </div>
                    <div style="margin: 35px 5% 10px 5%;">
					 <img width="100%" src="polulate/images/intro_3.png" />
				 </div>
				 <div style="  margin: 10px 5% 10px 5%;">
				    <div style="width: 100%;margin-left:3%">
				      <span style="font-size: 18px;color:#4d4d4d;line-height: 30px">
				      	<p>相似度比较高的时候说明选取的照片与后台数据库照片非常像的啦，就是你自己啦；快喊家人一起动手试一试吧，你也可以试试看你像爸爸多一点还是像妈妈多一点！ </p>
				        
				      </span>
				    </div>
				 </div>
				 <div style="  margin: 10px 5% 10px 5%;">
				    <div style="width:10%;float: left;"><img width="100%" src="polulate/images/3.png" /></div>
				    <div style="width: 87%;float: left;margin-left:3%">
				      <span style="font-size: 18px;color:#4d4d4d;line-height: 30px">
				      	<p>相似度较低怎么办？ </p>
				      </span>
				    </div>
				 </div>
                    
					 <div style="  margin: 10px 5% 10px 5%;">
				    <div style="width: 100%;margin-left:3%">
				      <span style="font-size: 18px;color:#4d4d4d;line-height: 30px">
				      	<p>小窍门：怎么样提高相似度</p>
				        <p>是不是带了有帽檐的帽子？拿下来试一试吧！ </p>
				        <p>看看刘海是否挡住眼睛了呢？把刘海拨开试一试吧! </p>
				        <p>是不是带了框架比较大的眼镜？摘下眼镜再试一试吧！ </p>
				        <p>赶紧号召一下自己的小伙伴们，大家一起来PK颜值吧！</p>
				      </span>
				    </div>
				 </div>
				  <div style="margin: 10px 5% 10px 5%;">
				    <div style="text-align: right;">
				      <span style="font-size: 18px;color:#4d4d4d;line-height: 30px">更多发现尽在“我的南京”市民神器！</span>
				    </div>
				 </div>
			</div>

		</div>

	</div>

<div style="width: 100%; padding-top: 20px; position: fixed; bottom: -15px; z-index: 999; font-size:20px; ">
	<div style="width: 50%;height:66; float: left;text-align:center;margin-right:auto;margin-left:auto;">
	<a href="http://www.mynj.cn"><div style="width:100%;height:66px;background:#f5f5f5;line-height:50px">进入官网</div></a></div>
	<div style="width: 50%;height:66;float: left;text-align:center;margin-right:auto;margin-left:auto;">
		<a id="download" onclick="dowonLoadShare();">
			<div style="width:100%;height:66px;background:#f3913a; line-height:50px; color:#FFFFFF">立刻下载</div>
		</a>
    </div>
</div>     

<!-- 弹出div层 -->     
<div id="wrapper">
	<div class="box">
		<div id="dialogBg"></div>
		<div id="dialogShare" class="animated">
			<form action="" method="post" id="editForm">
			<ul class="editInfos">
			    <li><label>1.点击右上角的 <img width="50px" height="30px" src="polulate/images/dot.png"/> 按钮</label></li>
				<li><label>2.选择在 <img width="50px" height="30px" src="polulate/images/fs.png"/> Safari中打开</label></li>
			</ul>
			</form>
		</div>
	</div>
</div>
<script type="text/javascript">




$(document).ready(function(){
	alert(location.href)
	var targetUrl = location.href.split('#')[0]; 
	$.ajax({
		url: "GetJsSDKConfig",
		type: "POST",
		data: "targetUrl="+targetUrl,
		cache: false,
		success: function(conf){
			if(!window.jsApiList){
				window.jsApiList = conf.jsApiList;
			}
			wx.config({
			      debug: true,
			      appId: conf.appId,
			      timestamp: conf.timestamp, 
			      nonceStr: conf.nonceStr, 
			      signature: conf.signature, 
			      jsApiList: window.jsApiList
			  });
		},
		error: function(obj){
			//alert(obj);
		}
	});
});
</script>
</body>
</html>